.pop-window{
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: 101;
	background: rgba(0, 0, 0, 0.6);
	.window-content{
		position: absolute;
		left:50%;
		top:50%;
		width: 315px;
		transform: translateX(-50%) translateY(-50%);
		background: #FFFFFF;
		border-radius: 6px;
		padding:20px 24px;
		text-align: center;
		.close{
			cursor: pointer;
			position: absolute;
			top:22px;
			right: 22px;
			background: url("../images/popWindow/ic_close@2x.png") no-repeat;
			width:14px;
			height: 14px;
			background-size:14px 14px;
			text-indent:-9999px;
		}
		h4{
			line-height: 22px;
			font-size: 16px;
			font-family: Roboto-Bold, Roboto;
			font-weight: bold;
			color: #333333;
			margin: 0 0 50px 0;
			text-align: center;
		}	
		.tip{
			display: none;
		}
		.all-tip{
			margin: 0 0 25px 0;
			font-size: 11px;
			color: #F22C2C;
			line-height: 13px;
			max-height: 26px;
			overflow: hidden;
			text-align: center;
			em{
				background: url("../images/popWindow/ic_error@2x.png") no-repeat;
				display: inline-block;
				background-size:14px 13px;
				width:14px;
				height: 13px;
				margin: 0 8px 0 0;
				vertical-align: bottom;
				display: none;
			}
			i{display: inline-block;}
			&.pc{
				display: none;
			}
		}
		.item{
			position: relative;
			i{
				display: none;
			}
			input  { 
				width: 266px;
				height: 20px;
				line-height: 20px;
				background: transparent;
				border-bottom: 1px solid #E4E4E4;
				padding: 4px 30px 4px 0;
			    box-shadow: inset 0 0 0 1000px #fff!important;
			}
			&:nth-child(1){
				margin: 0 0 32px 0;
			}
			&.error{
				em{
					background: url("../images/popWindow/ic_error@2x.png") no-repeat;
					display: inline-block;
					background-size:14px 13px;
					bottom: 4px;
    				right: 4px;
					width:14px;
					height: 13px;
					position: absolute;
				}
				input{
					border-bottom:1px solid #FA3D5B;
				}
			}
			&.focus{
				input{
					border-bottom: 1px solid #007DF1;
				}
			}
		}
		input[type='submit'],input[type='button']{
			cursor: pointer;
			text-align: center;
			line-height: 40px;
			width: 266px;
			height: 40px;
			background: #177FE9;
			border-radius: 4px;
			font-size: 16px;
			font-family: Roboto-Medium, Roboto;
			font-weight: 500;
			color: #FFFFFF;
			text-align: center;
			margin:26px 0 10px 0;
		}
		.server-error{
			.item{
				i{
					border: 2px solid #FA3D5B;
					background: #FA3D5B;
				}
				input{
					border:1px solid #FA3D5B;
				}
			}
			.all-tip{
				visibility: visible;
			}
		}
		.continuing{
			width: 282px;
			font-size: 10px;
			color: #868686;
			line-height: 14px;
			a{
				color:#868686;
			}
		}
		.full-value{
			i{
				background:#177FE9;
			}
		}
		.send-email{
			.send-over{
				width: 293px;
				font-size: 13px;
				line-height: 15px;
				margin: 0 auto 40px auto;
				text-align: left;
				em{
					color:#177FE9;
				}
			}
		}
	}
	.mobile{
    	visibility:visible!important;
    	display: block!important;
    }
}
.login{
	.forget,.create{
		font-size: 13px;
		font-family: Roboto-Medium, Roboto;
		font-weight: 500;
		color: #177FE9;
		line-height: 15px;
	    display: block;		
	    a{
			color: #177FE9;
		}
	}
	.forget{
		margin: 20px auto 15px auto;
		display: none;
		i{
			display: none;
		}
	}
	.create{
		margin:0 0 36px 0;
	}
	.others{
		em,.other-login{
			display: none;
		}
	}
	.other-login{
		display: flex;
		justify-content: space-between;
		a{
			width: 120px;
			height: 39px;
			border-radius: 3px;
			line-height: 39px;
			display: flex;
			align-items: center;
			justify-content: center;
			&:nth-child(2){
				border: 1px solid #E4E4E4;
				font-size: 12px;
				font-family: Roboto-Medium, Roboto;
				font-weight: 500;
			}
			&:nth-child(1){
				background: #425F9B;
				color: #FFFFFF;
				font-size: 11px;
				font-weight: bold;
			}
		}
		span{
			width:25px;
			height: 25px;
		}
		.img-facebook{
			background: url("../images/popWindow/facebook2@2x.png") no-repeat center /9px 19px;
		}
		.img-google{
			background: url("../images/popWindow/google2@2x.png") no-repeat center /15px 15px;
		}
	}
}
.sign,.change-pwd{
	.item{
		&:nth-of-type(2){
			margin: 0 0 32px 0;
		}
	}
	.aleady{
		font-size: 12px;
		font-family: Roboto-Medium, Roboto;
		font-weight: 500;
		color: #868686;
		line-height: 14px;
		margin: 0 0 36px 0;
		a{
			color:#177FE9;
		}
	}
	.all-tip{
		margin:10px 0 0 0!important;
	}
	input[type='submit']{
		margin:26px 0!important;
	}
	.continuing{
		margin:0 auto;
	}
}
.third-sign{
	.item{
		&:nth-of-type(2){
			margin: 0 0 32px 0;
		}
	}
	.all-tip{
		margin:10px 0 0 0!important;
	}
}
.window-content {
	&.forget-pwd{
		.find-account .item:nth-child(1){
			margin:0;
		}
		.all-tip{
			margin:10px 0 0 0;
		}
		input[type='submit']{
			margin:26px auto 36px auto;
		}
		.intro{
			text-align: left;
			font-size: 13px;
			font-family: Roboto-Medium, Roboto;
			font-weight: 500;
			line-height: 15px;
			margin:0 0 32px 0;
		}
		.send-email{
			h4{
				margin:57px 0 29px 0;
			}
		}
	}	
}